<!--1.整体宽度990px
    2.第一列,主题列占610px宽
    3.文字大小全部是12px
    4.标题:#666,普通文本:#9c9a9c,超链接:#005aa0
    5.标题下是实线边框,内容下是虚线边框,table有实线下边框
    -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>day02</title>
<!-- 内部样式-->
    <style>
        table{width: 990px;font-size: 12px;border-bottom: solid 1px;}
        .first_col{width: 610px;text-align: left}
        .center{text-align: center}
        table tr th{border-bottom:solid 1px #666;}
        table tr td{border-bottom-style: dashed;border-bottom-width: 1px;border-bottom-color:#eee;text-align: center;color: #9c9a9b}
        .left{text-align: left}
        a{text-decoration: none}
        a:link{color: #005aa0}
        a:visited{color: #ec7ab0}
        a:active{color: #0043d3}
        a:hover{color: red}
    </style>
</head>
<body>
<div>
    <table>
        <tr>
            <th class="first_col">主题</th>
            <th class="center">回复/浏览</th>
            <th class="center">作者</th>
            <th class="center">时间</th>
        </tr>
        <tr>
            <td class="left"><a href="#">银灰色的很酷</a></td>
            <td>0/0</td>
            <td><a href="#">2001年冬天</a></td>
            <td>2014-11-19 13:54:40</td>
        </tr>
        <tr>
            <td class="left"><a href="#">性价比超高,活动给力</a></td>
            <td>0/0</td>
            <td><a href="#">xp2001</a></td>
            <td>2014-11-18 10:21:29</td>
        </tr>
        <tr>
            <td class="left"><a href="#">外形精致,值得购买</a></td>
            <td>0/0</td>
            <td><a href="#">xp2001</a></td>
            <td>2014-11-18 15:27:58</td>
        </tr>
        <tr>
            <td class="left"><a href="#">支持不错</a></td>
            <td>0/0</td>
            <td><a href="#">2001年冬天</a></td>
            <td>2014-11-19 10:22:27</td>
        </tr>
    </table>
</div>
</body>
</html>